$primary: #F43443;
$orange: #FD9D17;
$green: #3BC074;
$blue: #339EEC;
$color: #2C2C2C;
$grey: #7E7E7E;
$undertintGrey: #A7A7A7;
$yellow:#FD3D0E;
$red: #f00;
$black: $color;
$white: transparent;
$white-color: #fff;
$text-color: $color;

$disabled-opacity: 0.5;

$gray-1: #f7f8fa;
$gray-2: #f2f3f5;
$gray-3: #ebedf0;
$gray-4: #dcdee0;
$gray-5: #c8c9cc;
$gray-6: #969799;
$gray-7: #767676;

$border-color: $undertintGrey;
$border-width-base: 2px;
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 16px;
$border-radius-max: 999px;

$text-quaternary: $gray-4;


$sm-font-size: 24px;
$font-size-lg: 34px;
$font-size-xlg: 40px;
$font-weight-bold: 700;

$default-font-size: 28px;
$font-size-md: 32px;
$xs-font-size: 20px;

$padding-base: 8px;
$padding-xs: $padding-base * 2;
$padding-sm: $padding-base * 3;
$padding-md: $padding-base * 4;
$padding-lg: $padding-base * 6;
$padding-xl: $padding-base * 8;

$tabbar-height: 100px;
$tabbar-background-color: $white-color;
$tabbar-item-text-color: $grey;
$tabbar-item-font-size: $sm-font-size;
$tabbar-item-line-height: 100px;
$tabbar-item-margin-bottom: 0px;
$tabbar-item-icon-size: 32px;
$tabbar-item-active-color: $primary;

$animation-duration-base: 0.3s;
$animation-duration-fast: 0.2s;

// info

$info-size: 32px;
$info-color: $white-color;
$info-padding: 0 6px;
$info-font-size: 24px;
$info-font-weight: 500;
$info-border-width: 1px;
$info-background-color: $primary;
$info-dot-color: $primary;
$info-dot-size: 16px;

// NavBar
$nav-bar-height: 88px;
$nav-bar-background-color: $white;
$nav-bar-text-color: $blue;
$nav-bar-arrow-size: 32px;
$nav-bar-title-font-size: $font-size-lg;
$nav-bar-title-text-color: #fff;


// SideBar

// Sidebar
$sidebar-width: 176px;

// SidebarItem
$sidebar-font-size: $font-size-md;
$sidebar-line-height: 120px;
$sidebar-text-color: $text-color;
$sidebar-disabled-text-color: #f8f8f8;
$sidebar-padding: 40px $padding-sm 40px $padding-xs;
$sidebar-active-color: #eee;
$sidebar-background-color: #F6F7F7;
$sidebar-selected-font-weight: 700;
$sidebar-selected-text-color: $text-color;
$sidebar-selected-border-color: $primary;
$sidebar-selected-background-color: #fff;


// submit
$price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial;
$submit-bar-height: 100px;
$submit-bar-z-index: 100;
$submit-bar-background-color: #fff;
$submit-bar-button-width: 220px;
$submit-bar-price-color: $primary;
$submit-bar-price-font-size:14PX;
$submit-bar-currency-font-size: 18PX;
$submit-bar-text-color: $text-color;
$submit-bar-text-font-size: 28px;
$submit-bar-tip-padding: 10px;
$submit-bar-tip-font-size: 24px;
$submit-bar-tip-line-height: 1.5;
$submit-bar-tip-color: #f56723;
$submit-bar-tip-background-color: #fff7cc;
$submit-bar-tip-icon-size: 12px;
$submit-bar-button-height: 40px;
$submit-bar-padding: 0  0 0 $padding-md;
$submit-bar-price-integer-font-size: 20px;
$submit-bar-price-font-family: $price-integer-font-family;

//

// Loading
$loading-text-color: $gray-6;
$loading-text-font-size: $font-size-md;
$loading-text-line-height: 40px;
$loading-spinner-color: $gray-5;
$loading-spinner-size: 60px;
$loading-spinner-animation-duration: 0.8s;


// Button

// Button
$button-mini-height: 44px;
$button-mini-min-width: 100px;
$button-mini-font-size: $xs-font-size;
$button-small-height: 120px;
$button-small-font-size: $sm-font-size;
$button-small-min-width: 120px;
$button-normal-font-size: $font-size-md;
$button-large-height: 100px;
$button-default-color: $text-color;
$button-default-height: 88px;
$button-default-font-size: $font-size-lg;
$button-default-background-color: $white-color;
$button-default-border-color: $border-color;
$button-primary-color: $white-color;
$button-primary-background-color: $primary;
$button-primary-border-color: $primary;
$button-info-color: $white-color;
$button-info-background-color: $blue;
$button-info-border-color: $blue;


$button-cancel-color: $white-color;
$button-cancel-background-color: #f5f6f7;
$button-cancel-border-color: #f5f6f7;

$button-danger-color: $white-color;
$button-danger-background-color: $red;
$button-danger-border-color: $red;
$button-warning-color: $white-color;
$button-warning-background-color: $orange;
$button-warning-border-color: $orange;
$button-line-height: 40px;
$button-border-width: 1px;
$button-border-radius: $border-radius-sm;
$button-round-border-radius: $border-radius-max;
$button-plain-background-color: $white;
$button-disabled-opacity: $disabled-opacity;

//
// Overlay
$overlay-background-color: rgba(0, 0, 0, 0.7);

//
// Popup
$popup-background-color: $white-color;
$popup-round-border-radius: 40px;
$popup-close-icon-size: 36px;
$popup-close-icon-color: $gray-6;
$popup-close-icon-margin: 32px;
$popup-close-icon-z-index: 2;


// Stepper

$stepper-active-color: #e8e8e8;
$stepper-background-color: $gray-2;
$stepper-button-icon-color: $text-color;
$stepper-button-disabled-color: $gray-1;
$stepper-button-disabled-icon-color: $gray-5;
$stepper-input-width: 48px;
$stepper-input-height: 48px;
$stepper-input-font-size: $font-size-md;
$stepper-input-text-color: $text-color;
$stepper-input-disabled-text-color: $gray-5;
$stepper-input-disabled-background-color: $gray-2;
$stepper-border-radius: $border-radius-md;

// Rate
// Rate
$rate-horizontal-padding: 4px;
$rate-icon-size: 40px;

// Divider
// Divider
$divider-margin: $padding-md 0;
$divider-text-color: $gray-6;
$divider-font-size: $font-size-md;
$divider-line-height: 48px;
$divider-border-color: $border-color;
$divider-content-padding: $padding-md;
$divider-content-left-width: 10%;
$divider-content-right-width: 10%;

//Empty

$empty-padding: $padding-xl 0;
$empty-image-size: 320px;
$empty-description-margin-top: $padding-md;
$empty-description-padding: 0 120px;
$empty-description-color: $gray-6;
$empty-description-font-size: 28px;
$empty-description-line-height: 40px;
$empty-bottom-margin-top: 48;


$skeleton-padding: 0 $padding-md;
$skeleton-row-height: 32px;
$skeleton-row-background-color: $gray-2;
$skeleton-row-margin-top: $padding-sm;
$skeleton-avatar-background-color: $gray-2;
$skeleton-animation-duration: 1.2s;


//
// Image
$image-placeholder-text-color: $gray-6;
$image-placeholder-font-size: $font-size-md;
$image-placeholder-background-color: $gray-1;


$logo: 'http://xmmi.oss-cn-beijing.aliyuncs.com/public/06c08f91-6a4d-4b6a-86a5-c91794f8410f.png';
